.dark{
	background-color: #2e2e2e;
	color: white;
	height: 100vh;
	// 通讯录里面的搜索框
	.search{
		display: flex;
		justify-content: center;
		.search-box{
			display: flex;
			align-items: center;
			margin-top: 20rpx;
			margin-bottom: 5rpx;
			background-color: #212326;
			border-radius: 10rpx;
			width: 95vw;
			.search-icon{
				margin-left: 10rpx;
			}
			.search-input{
				padding: 10rpx;
				margin-left: 10rpx;
			}
		}
	}

	// 自定义的导航栏
	.custom-navbar{
		background-color: #232323;
		display: flex;
		align-items: center;
		padding: 10px 0;
		.return-icon{
			flex: 0 0 auto; /* 不伸缩 */
			// margin-left: 20rpx;
			// background-color: #F8F8F8;
			width: 50rpx;
		}
		.navbar-title {
			flex: 1; /* 允许扩展以居中 */
			font-size: 15px; 
			font-weight:bold;
			text-align: center; /* 标题居中 */
			// margin-left: -20rpx; /* 使用负边距抵消左边距 */
		}
	}
}

.light{
	background-color: white;
	color: black;
	
	// 通讯录里面的搜索框
	.search{
		display: flex;
		justify-content: center;
		.search-box{
			display: flex;
			align-items: center;
			margin-top: 20rpx;
			margin-bottom: 5rpx;
			background-color: #eaeaea;
			border-radius: 10rpx;
			width: 95vw;
			.search-icon{
				margin-left: 10rpx;
			}
			.search-input{
				padding: 10rpx;
				margin-left: 10rpx;
			}
		}
	}
	
	// 自定义的导航栏
	.custom-navbar{
		background-color: #F8F8F8;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 10px 0;
		.navbar-title {
			font-size: 15px; 
			font-weight:bold;
		}
	}
}